<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>FX Test</title>
<script type="text/javascript" src="../liwe.js"></script>
<script type="text/javascript" src="../utils.js"></script>
<script type="text/javascript" src="../dom.js"></script>
<script type="text/javascript" src="../object_enh.js"></script>
<script type="text/javascript" src="../array_enh.js"></script>
<script type="text/javascript" src="../string_enh.js"></script>
<script type="text/javascript" src="../fx.js"></script>
<!--<script type="text/javascript" src="../fx/fade.js"></script>
<script type="text/javascript" src="../fx/slide.js"></script>-->

<script type="text/javascript">
var poslist = [ 'left', 'right', 'top', 'bottom' ];
function fade_out () 
{
	liwe.fx.fade_out ( $( 'test_fade' ), function () { console.log ( 'FADE OUT' ); } );
}
function fade_in () 
{
	liwe.fx.fade_in ( $( 'test_fade' ), function () { console.log ( 'FADE IN' ); } );
}
var flipdir = true;
function flip ()
{
	liwe.fx.flip ( $( 'test_flip' ), flipdir, function () { console.log ( 'FLIP' ) } );
	flipdir = !flipdir;
}
function slide_out () 
{
	liwe.fx.slide_out ( $( 'test_slide_left' ), 'left', function () { console.log ( 'SLIDE OUT LEFT' ); } );
	liwe.fx.slide_out ( $( 'test_slide_right' ), 'right', function () { console.log ( 'SLIDE OUT RIGHT' ); } );
	liwe.fx.slide_out ( $( 'test_slide_top' ), 'top', function () { console.log ( 'SLIDE OUT TOP' ); } );
	liwe.fx.slide_out ( $( 'test_slide_bottom' ), 'bottom', function () { console.log ( 'SLIDE OUT BOTTOM' ); } );
}
function slide_in () 
{
	liwe.fx.slide_in ( $( 'test_slide_left' ), 'left', function () { console.log ( 'SLIDE IN LEFT' ); } );
	liwe.fx.slide_in ( $( 'test_slide_right' ), 'right', function () { console.log ( 'SLIDE IN RIGHT' ); } );
	liwe.fx.slide_in ( $( 'test_slide_top' ), 'top', function () { console.log ( 'SLIDE IN TOP' ); } );
	liwe.fx.slide_in ( $( 'test_slide_bottom' ), 'bottom', function () { console.log ( 'SLIDE IN BOTTOM' ); } );
}
</script>
</head> 
<body>

<div id="test_fade" style="background-color: red; width: 100px; height: 100px;">FADE</div>
<div id="test_flip" style="background-color: purple; width: 100px; height: 100px;">FLIP</div>

<a href="javascript:fade_in()">Fade In</a>
<a href="javascript:fade_out()">Fade Out</a>

<a href="javascript:flip()">Flip</a>

<a href="javascript:slide_in()">Slide In</a>
<a href="javascript:slide_out()">Slide Out</a>

<div id="test_slide_left" style="background-color: green;padding: 5pt; left:0">LEFT</div>
<div id="test_slide_right" style="background-color: green;padding: 5pt; right:0">RIGHT</div>
<div id="test_slide_top" style="background-color: green;padding: 5pt;top:0">TOP</div>
<div id="test_slide_bottom" style="background-color: green;padding: 5pt;bottom:10px">BOTTOM</div>

<div id="test_scroll_container" style="position: absolute; overflow: hidden; left: 500px; top: 10px; width: 400px; height: 200px; background-color: #ffc">
	<div id="test_scroll" style="background-color: #ccc;">
		TEST INIZIO<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST<br />
		TEST FINE<br />
	</div>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pretium, massa in elementum bibendum, leo leo sollicitudin metus, in sodales dolor ligula eu ligula. Etiam sit amet erat nulla, lobortis ultrices est. Nullam ante ligula, placerat eget imperdiet sed, ullamcorper quis turpis. Praesent lectus nisi, cursus at pulvinar ac, facilisis at ligula. Mauris felis ligula, feugiat euismod facilisis in, pulvinar non velit. Duis bibendum consequat metus, eu interdum sem tempor eu. Maecenas non tortor a enim sodales congue eget ac tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam ac orci at leo mollis lacinia id nec urna. Aenean in gravida elit.
<br />
Etiam justo libero, imperdiet sit amet posuere ut, aliquam at est. Nullam scelerisque bibendum sapien, nec malesuada dolor pulvinar ut. In placerat pretium sapien, vitae varius ipsum tempus sit amet. Aenean consectetur, dolor non scelerisque tristique, ipsum felis sodales lacus, suscipit sollicitudin justo orci vitae purus. Duis dolor nunc, faucibus in varius a, sodales a nibh. Sed lacinia pellentesque tempor. Pellentesque id mollis velit.
<br />
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse suscipit lacinia est viverra fringilla. Mauris quis lectus dui. Nunc sed est vitae arcu iaculis accumsan. Proin ut nunc mauris, ut mollis ligula. Aliquam mattis ornare dolor, nec lobortis magna semper in. Curabitur nec eros urna, et accumsan sem.
<br />
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed odio ipsum, semper quis sagittis vehicula, suscipit at eros. Nam venenatis est at risus malesuada ut elementum metus aliquet. Etiam fringilla diam vitae sem varius non aliquam nisi varius. Sed interdum tellus in tortor placerat et malesuada lorem facilisis. Praesent sit amet nulla sed arcu mollis commodo ut in dui. Donec in placerat arcu. Vivamus lorem tortor, ornare eget convallis cursus, semper non mi. Vestibulum mauris erat, eleifend sit amet ornare id, eleifend eu urna. Integer porttitor, sapien non mattis lobortis, justo sapien malesuada libero, non sollicitudin augue lacus sit amet lorem. Vivamus eleifend ante non nunc adipiscing a viverra leo vulputate. Vivamus sit amet enim at orci vehicula ultrices.
<br />
Integer ultricies lectus velit, ac ultricies tortor. Nam sed interdum massa. Curabitur vel est nibh. Pellentesque volutpat erat nec metus suscipit egestas. Nulla sit amet lobortis eros. Aenean porttitor sem vel lacus volutpat vel luctus purus aliquam. Cras est mauris, mattis eget auctor non, convallis sed velit.
<br />
Duis consectetur nibh ut odio tempus tristique. Suspendisse potenti. Suspendisse potenti. Maecenas orci neque, feugiat in mollis non, egestas vitae odio. In pharetra diam quis nisl vehicula porta. Vestibulum lacinia dictum orci a egestas. Suspendisse sed elit et enim mattis scelerisque nec quis neque.
<br />
Etiam mattis mattis turpis at interdum. Aenean at lacus libero, interdum ornare eros. Praesent est urna, mollis ut mattis ac, blandit vel erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus ut massa eu diam ultricies cursus sit amet vel felis. Proin eleifend, tellus eu pharetra vestibulum, elit nisl porttitor velit, vitae condimentum diam tortor non ante. Mauris rhoncus iaculis ipsum non condimentum.
<br />
Phasellus non eleifend nunc. Suspendisse laoreet, massa a rutrum egestas, urna lectus tempus massa, eget sollicitudin turpis dolor vel lorem. In hac habitasse platea dictumst. Cras id dui libero. Proin sed quam ut erat vehicula egestas ac nec sapien. Curabitur fermentum pretium dui in porta. In id augue a elit porttitor sollicitudin quis nec dolor. Nullam eget neque ligula. Nullam orci turpis, ultricies a aliquet sit amet, condimentum ac felis.
<br />
Aenean et ultricies tortor. Cras molestie dapibus varius. Integer nunc massa, congue at volutpat eget, sodales in risus. Integer libero magna, interdum ac tristique id, convallis at diam. Nulla pretium pretium tincidunt. Morbi feugiat ornare augue pulvinar volutpat. Nullam pretium lacus imperdiet purus ultrices placerat. Pellentesque eget urna non magna laoreet bibendum. Donec eu quam metus, tristique dapibus augue.
<br />
Integer quis diam elit, in vestibulum urna. Nunc in mi magna, sit amet tempor felis. Aenean vehicula justo nec neque fermentum imperdiet. Cras porttitor lorem quis lorem porta non egestas velit varius. Proin commodo, risus at luctus tempor, erat dui auctor nibh, vel imperdiet nibh mi at odio. Aliquam adipiscing consequat odio vel molestie. Cras at dolor sapien. Quisque eget lobortis leo. Suspendisse vitae justo justo, vitae hendrerit tellus. Vivamus elit elit, gravida ut consequat in, feugiat vitae enim. Donec in ultrices est. Vestibulum interdum vestibulum velit eget imperdiet. Donec consectetur erat ac turpis tristique in molestie arcu hendrerit. Vestibulum vel velit diam.
<br />
Proin pulvinar, justo sed semper laoreet, nibh felis pulvinar nibh, ut vestibulum turpis nunc ut tortor. Duis pharetra ornare viverra. In euismod, nulla quis posuere viverra, dui felis faucibus velit, dignissim vestibulum diam sapien sed mauris. Ut viverra lacus a massa imperdiet tempus. Nullam blandit porttitor enim, ut varius risus accumsan in. Phasellus pulvinar est fermentum ipsum eleifend vestibulum. Nam sed eros eget sem hendrerit imperdiet sed vitae magna. Vivamus eget elit orci, eget ultricies velit.
<br />
Curabitur ultricies ultrices mi, vitae cursus enim porttitor et. Nunc mollis eleifend justo eget lacinia. Proin elementum sapien sit amet lorem congue egestas. Integer dui purus, convallis at vehicula sed, imperdiet vel lorem. Vestibulum quis sem turpis. Phasellus orci odio, posuere vitae pretium sit amet, tincidunt a orci. Etiam aliquam ipsum vel nisl lacinia laoreet. Suspendisse mattis tempus volutpat. Fusce posuere quam lectus, in tincidunt urna. Donec vehicula, dui eget egestas tempor, justo erat congue tellus, in blandit turpis mi sit amet nisi. Nunc convallis vehicula accumsan. Cras mi nibh, aliquet sed pretium at, gravida at erat. Proin dignissim pellentesque volutpat. Maecenas nunc ipsum, iaculis porttitor tristique a, lobortis eu eros. Quisque mollis sodales mauris, ac pharetra massa faucibus at. Morbi at nisl metus.
<br />
Integer blandit metus diam. Donec dapibus, sem vitae auctor fringilla, justo eros ullamcorper lectus, condimentum lacinia augue erat at mauris. Phasellus cursus, ipsum a ornare consectetur, tortor risus hendrerit metus, dignissim ornare tellus turpis quis nibh. Etiam eu erat eu purus dictum feugiat sed ut massa. Quisque in orci eu orci lacinia egestas. Mauris arcu dolor, venenatis sed congue ut, malesuada quis lectus. Praesent eu augue purus. Mauris mauris nulla, pretium ac viverra sed, ullamcorper fringilla nisi. Vivamus arcu lorem, blandit ac pharetra eu, convallis vitae elit. Mauris condimentum metus a eros facilisis sollicitudin. Integer mauris lorem, faucibus vitae consectetur vel, lobortis ut lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin facilisis mi nec diam placerat ac dapibus felis rutrum. Quisque nisi tellus, condimentum vitae scelerisque ut, sodales at lorem.
<br />
Cras euismod ullamcorper gravida. Proin auctor placerat felis eget tincidunt. Maecenas fringilla velit eu massa rutrum eu commodo urna pretium. Aliquam sed velit nunc. Proin at nunc sem, ut tempus odio. Curabitur porta, lorem nec eleifend convallis, elit nisi rutrum lorem, vitae bibendum neque erat in turpis. Phasellus id urna elit. Integer et ligula eros, in dapibus lacus. Curabitur eget diam tincidunt nisi pretium consectetur. Nullam lorem tortor, eleifend in vulputate ut, auctor nec purus. Nullam posuere volutpat faucibus. Nulla mollis elit in mauris lobortis suscipit.
<br />
Morbi tempor rhoncus orci, eu congue felis egestas at. Nam feugiat congue nisi eget aliquet. Suspendisse imperdiet rhoncus mi, a varius lorem iaculis non. Vestibulum arcu dui, commodo at varius at, faucibus a augue. Nulla quis erat vitae nulla rutrum condimentum nec sit amet diam. Ut vestibulum, nulla in auctor molestie, tellus metus facilisis odio, sed gravida ante massa quis turpis. Nunc bibendum libero et nibh molestie dictum. Fusce bibendum odio eget leo condimentum non placerat massa lacinia. Proin erat eros, ultricies quis molestie ut, pretium eget turpis. Aliquam sagittis augue adipiscing purus posuere gravida. 

</body>
</html>
